﻿
@{
    ViewBag.Title = "帐单";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/base")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/invoice")
}
<!--main content start-->
<section id="main-content">
    <section class="wrapper">
        <!-- invoice start-->
        <section>
            <div class="panel panel-primary">
                <!--<div class="panel-heading navyblue"> INVOICE</div>-->
                <div class="panel-body">
                    <div class="row invoice-list">
                        <div class="text-center corporate-id">
                            <img src="/Content/Flat/img/vector-lab.jpg" alt="">
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <h4>帐单地址</h4>
                            <p>
                                乔恩 <br>
                                44 Dreamland Tower, Suite 566 <br>
                                ABC, Dreamland 1230<br>
                                Tel: +12 (012) 345-67-89
                            </p>
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <h4>送货地址</h4>
                            <p>
                                Vector Lab<br>
                                Road 1, House 2, Sector 3<br>
                                ABC, Dreamland 1230<br>
                                P: +38 (123) 456-7890<br>
                            </p>
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <h4>账单信息</h4>
                            <ul class="unstyled">
                                <li>账单号		: <strong>69626</strong></li>
                                <li>日期		: 2013-03-17</li>
                                <li>到期日期			: 2013-03-20</li>
                                <li>状态		: Paid</li>
                            </ul>
                        </div>
                    </div>
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>项目</th>
                                <th class="hidden-phone">描述</th>
                                <th class="">单价</th>
                                <th class="">数量</th>
                                <th>总价</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>LCD Monitor</td>
                                <td class="hidden-phone">20 inch Philips LCD Black color monitor</td>
                                <td class="">$ 1000</td>
                                <td class="">2</td>
                                <td>$ 2000</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>Laptop</td>
                                <td class="hidden-phone">Apple Mac book pro 15” Retina Display. 2.8 GHz Processor,8 GB Ram</td>
                                <td class="">$1750</td>
                                <td class="">1</td>
                                <td>$1750</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Mouse</td>
                                <td class="hidden-phone">Apple Magic Mouse</td>
                                <td class="">$90</td>
                                <td class="">3</td>
                                <td>$270</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>Personal Computer</td>
                                <td class="hidden-phone">iMac 21 inch slim body. 1.7 GHz, 8 GB Ram</td>
                                <td class="">$1200</td>
                                <td class="">2</td>
                                <td>$2400</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>Printer</td>
                                <td class="hidden-phone">Epson Color Jet printer </td>
                                <td class="">$200</td>
                                <td class="">2</td>
                                <td>$400</td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="row">
                        <div class="col-lg-4 invoice-block pull-right">
                            <ul class="unstyled amounts">
                                <li><strong>Sub - 总价 :</strong> $6820</li>
                                <li><strong>折扣 :</strong> 10%</li>
                                <li><strong>增值税 :</strong> -----</li>
                                <li><strong>总计 :</strong> $6138</li>
                            </ul>
                        </div>
                    </div>
                    <div class="text-center invoice-btn">
                        <a class="btn btn-danger btn-lg"><i class="fa fa-check"></i> 提交账单 </a>
                        <a class="btn btn-info btn-lg" onclick="javascript:window.print();"><i class="fa fa-print"></i> 打印 </a>
                    </div>
                </div>
            </div>
        </section>
        <!-- invoice end-->
    </section>
</section>
<!--main content end-->